 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>阿里巴巴</title>
    <style>
        *{
            padding:0px;
            margin:0px;
            list-style: none;
        }
        body{
            width: 1000px;
            margin:0px auto;
        }
        .header{
            height: 65px;
            padding:10px;
            
            
        }
        .header img{
            float:right;
            height: 5px;
            margin-top:40px;
            
        }
        .header input{
            float:right;
            margin-top:30px;
        }
        .header p{
            float:right;
            margin-top:30px;
           margin-left:20px;
           margin-right:20px;
        }
        img:nth-last-of-type(3){
            float: left;
            height: 30px;
            margin-top:23px;
        }
        .nav{
            height: 63px;
            background:url(images/nav.png) repeat-x ;
           
        }
        .nav a{
            margin-left: 120px;
            margin-top:20px;
            float:left;
            color:white;
            text-decoration: none;
            }
        .nav a:hover{
            color:red;
        }
        .nav img{
            float:left;
            margin-top:30px;
            margin-left:5px;
        }
        
        .main{
            height: 587px;
            background:url(images/home_banner_3.png) repeat-x;
        }
        .main img{
            width:1306px;
        }
        .footer{
            background: #f60;
            height: 350px;
        }
        .footer img{
            margin-top:30px;
            height: 35px;
        }
        
        .footer .one{
            width: 232px;
            float:left;
           
        }
        .footer a{
            color:white;
            text-decoration: none;
        }
        .footer a:hover{
            color:red;
        }
        .footer li{
            margin-top:10px;
            margin-left:10px;
        }
        .footer .two{
            width: 140px;
            float:left;
            margin-top:20px;
        }
        
        .footer .three{
            width: 144px;
            float:left;
            margin-top:20px;
        }
        .footer .four{
            width: 149px;
            float:left;
            margin-top:20px;
        }
        .footer .five{
            float:left;
            margin-top:20px;
        }
        .footer .bellow{
            float:left; 
            margin-top:20px;
        }
        
    </style>
    </head>
 <body>
     <div class="header">
         <img src="images/logo_header.png" alt="">
         <img src="images/down.png" alt=""><p>简</p>
         <img src="images/down1.png" alt=""><p>阿里巴巴相关平台</p><input type="text">
        </div>
        <div class="nav">
            <ul>
            <li><a href="">关于我们</a><img src="images/down1.png" alt=""></li>
            <li><a href="">投资者关系</a><img src="images/down1.png" alt=""></li>
            <li><a href="">新闻及媒体资源</a><img src="images/down1.png" alt=""></li>
            <li><a href="">联系我们</a><img src="images/down1.png" alt=""></li>
            </ul>
        </div>
        <div class="main"></div>
        <div class="footer">
         <div class="above">
            <div class="one"><img src="images/logo_footer.png" alt=""></div>
            <div class="two">
                <ul>
                <li><a href="">关于我们</a></li>
                <li><a href="">公司简介</a></li>
                <li><a href="">业务范畴</a></li>
                <li><a href="">历史及里程碑</a></li>
                <li><a href="">领导团队</a></li>
                <li><a href="">文化和价值观</a></li>
                <li><a href="">可持续发展</a></li>
                <li><a href="">诚信合规</a></li>
                <li><a href="">常见问题</a></li>
                </ul>
            </div>
            <div class="three">
                <ul>
                    <li><a href="">投资者关系</a></li>
                    <li><a href="">投资者关系主页</a></li>
                    <li><a href="">投资者新闻及活动</a></li>
                    <li><a href="">投资者日</a></li>
                    <li><a href="">年度股东大会</a></li>
                    <li><a href="">季度业绩</a></li>
                    <li><a href="">美国证交会公告</a></li>
                    <li><a href="">公司治理</a></li>
                    </ul>
            </div>
            <div class="four">  
                <ul>
                <li><a href="">新闻及媒体资源</a></li>
                <li><a href="">新闻发布</a></li>
                <li><a href="">Alizila 新闻网站</a></li>
                <li><a href="">媒体报导</a></li>
                <li><a href="">视频</a></li>
                <li><a href="">媒体资料库</a></li>
                <li><a href="">社交媒体</a></li>
                </ul>
            </div>
            <div class="five">
                <ul>
                <li><a href="">联系我们</a></li>
                <li><a href="">办公地点</a></li>
                <li><a href="">投资者联系</a></li>
                <li><a href="">媒体联系</a></li>
                <li><a href="">客户联系</a></li>
                <li><a href="">执法部门合规指南</a></li>
                <li><a href="">知识产权保障</a></li>
                </ul>
            </div>
         </div>
         <div class="bellow"><p>加入我们 |  免责声明 |  私隱政策 |  版权公告 ? 1999-2016 阿里巴巴集团控股有限公司及／或其关联公司及特许人。版权所有。</p> </div>
        </div>
        
 </body>
 </html>